.vuefinder__delete-modal__content {
  @apply mt-3 w-full text-center sm:mt-0 sm:text-left;
}

.vuefinder__delete-modal__form {
  @apply mt-2;
}

.vuefinder__delete-modal__description {
  @apply text-sm text-(--vf-text-secondary);
}

.vuefinder__delete-modal__files {
  @apply mb-1 max-h-[200px] overflow-auto text-sm text-(--vf-text-secondary);
}

.vuefinder__delete-modal__file {
  @apply flex text-sm text-(--vf-text-primary);
}

.vuefinder__delete-modal__icon {
  @apply h-5 w-5 text-(--vf-text-tertiary);
}

.vuefinder__delete-modal__icon--dir {
  @apply fill-current stroke-current text-(--vf-text-tertiary);
}

.vuefinder__delete-modal__file-name {
  @apply ml-1.5 text-(--vf-text-primary);
}

.vuefinder__delete-modal__file-name:hover {
  @apply text-(--vf-text-secondary);
}

.vuefinder__delete-modal__confirmation {
  @apply mb-3 flex w-full items-center justify-start sm:mb-0 sm:w-auto sm:flex-1;
}

.vuefinder__delete-modal__confirmation-label {
  @apply flex cursor-pointer items-center gap-2 text-sm text-(--vf-text-primary);
}

.vuefinder__delete-modal__confirmation-text {
  @apply text-left text-sm text-(--vf-text-secondary);
}

.vuefinder__delete-modal__checkbox {
  @apply relative h-3.5 w-3.5 cursor-pointer appearance-none rounded border border-(--vf-border-primary) bg-(--vf-bg-primary);
  accent-color: var(--vf-accent-primary);
}

.vuefinder__delete-modal__checkbox:checked {
  @apply border-(--vf-accent-primary) bg-[length:10px_10px] bg-center bg-no-repeat;
  background-color: var(--vf-accent-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7L1.5 4.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}

.vuefinder__delete-modal__checkbox:focus {
  @apply opacity-100 outline-none;
  box-shadow: 0 0 0 2px var(--vf-accent-primary);
}

.vuefinder__delete-modal__checkbox:hover:not(:checked) {
  @apply border-(--vf-accent-primary) opacity-60;
  border-color: var(--vf-accent-primary);
}
